$squareWidth: 12px;
$squareHeight: 12px;
$iconGroupWidth: 30px;
$iconGroupHeight: 30px;

.tab-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    border-top: 1px solid #ececec;
    backdrop-filter: blur(10px) !important;
    background-color: rgb(255 255 255 / .32) !important;


    &-wrap {
        display: flex;
        height: 50px;
        align-items: center;

        &-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;

            &-iconGroup {
                position: relative;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                overflow: hidden;
                width: $iconGroupWidth;
                height: $iconGroupHeight;
            }

        } 

           
        &-choose {
           color: red;
        }
    }

}